<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>总结显示模式</title>
    <style>
        #d1 {
            background-color: skyblue;
        }

        #d2 {
            background-color: orange;
        }
    </style>
</head>
<body>
<div>
    <img src="../../images/元素显示模式总结.png" style="width: 600px;height: 500px">
</div>
<!--br是行内元素,但会强制浏览器另起一行,若另一行还是br会在一起行，不会堆在一行-->
<span id="d1">123</span> <br> <br>
<span>345</span>
<div id="d2">
    d2
</div>
</body>
</html>